<template>
  <suspense>
    <template #default>
      <!-- 异步组件将被放置在这里 -->
      <Son />
    </template>
    <template #fallback>
       <!-- 在异步组件加载时显示的占位内容 -->
      <Loading />
    </template>
  </suspense>
</template>
<script>
import { defineAsyncComponent } from "vue";
import Loading from './Loading.vue' //直接导入不会分包
export default {
  components: {
    Son: defineAsyncComponent(() => import('./TodoList.vue')),
    Loading
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
